<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" href="../css/style.css">
<link href="../css/style2.css" rel="stylesheet" type="text/css">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>

<header>
    <div class="headBarContainer">
        <div class="itemsContainer">
            <nav>
                <ul>
                    <li class="headItem" id="clicked"><a href="index.jsp">首页</a></li>
                    <li class="headItem"><a href="/index/products">分类</a></li>
                    <li class="headItem"><a href="enterMyJsp.action">我的</a>
                </ul>
            </nav>
        </div>
        <div>
            <div class="searchContainer">
                <img src="../images/search.png"/>
                <form action="queryApiByName.action" method="post">
                    <input id="textValue" type="text" placeholder="" name="productName"/>
                    <input id="submitButton" type="submit" value="搜索"/>
                </form>
            </div>
        </div>
    </div>
</header>
<div class="container">
    <div class="login_body l_clear">
        <div class="login_form l_float">
            <div class="login_top">

                <div class="login_tags b_clear">
                    <span class="top_tag l_float active" onClick="PwdLogin()">密码登录</span>
                    <span class="top_tag r_float" onClick="QrcodeLogin()">注册账号</span>
                </div>
            </div>
            <div class="login_con">
                <form th:action="@{/user/login}" th:object="${userLoginForm}" method="post">
                    <div>
                        <label for="user_name">用户名</label>
                        <input type="text" id="user_name" placeholder="账号" th:field="*{userName}">
                        <img src="../imgs/icons/user.svg">
                        <p class="tips hidden">请检查您的账号</p>
                    </div>
                    <div>
                        <label for="user_pwd">密码</label>
                        <input type="password" id="user_pwd" placeholder="请输入账号密码" th:field="*{userPassword}">
                        <img src="../imgs/icons/lock.svg">
                        <p class="tips hidden">请检查您的密码</p>
                    </div>
                    <div class="b_clear submit">
                        <button type="submit">登&nbsp;&nbsp;录</button>
                        <p class="tips hidden">登录失败</p>
                    </div>
                </form>
            </div>
            <div class="login_con hidden">
                <form th:action="@{/user/register}" th:object="${userRegisterForm}" method="POST">
                    <div>
                        <label for="user_name">用户名</label>
                        <input type="text" th:field="*{userName}" id="user_name" placeholder="账号">
                        <img src="../imgs/icons/user.svg">
                        <p class="tips hidden">请检查您的账号</p>
                    </div>
                    <div>
                        <label for="user_pwd">密码</label>
                        <input type="password" th:field="*{userPassword}" id="user_pwd" placeholder="请输入账号密码">
                        <img src="../imgs/icons/lock.svg">
                        <p class="tips hidden">请检查您的密码</p>
                    </div>
                    <div>
                        <label for="user_pwd">用户类型</label>
                        <label>
                            <select th:field="*{userType}">
                                <optgroup label="请选择用户类型">
                                    <option value="2">竞买者</option>
                                    <option value="1">拍卖者</option>
                                </optgroup>
                            </select>
                        </label>
                    </div>
                    <div class="b_clear submit">

                        <button type="submit">注&nbsp;&nbsp;册</button>
                        <p class="tips hidden">注册失败</p>
                    </div>
                </form>

            </div>

        </div>
        <div class="login_ad l_float" id="AdImg">
        </div>
    </div>
</div>

<script src="../js/login.js"></script>


</body>
</html>